<template>
  <div>
    <h2>数据表</h2>
    <el-table :data="data" style="width: 100%">
      <el-table-column prop="num" label="排名" width="200" />
      <el-table-column prop="name" label="姓名" width="200" />
      <el-table-column prop="department" label="部门" width="200" />
      <el-table-column prop="Sales" label="销售额（万元）" width="200" />
      <el-table-column prop="SalesNumber" label="销售单量" width="200" />
      <el-table-column prop="Target" label="目标" width="200" />
      <el-table-column prop="CompletionRate" label="完成率" />
    </el-table>
    <el-pagination :page-sizes="[10, 20, 30, 100]" layout="total, sizes, prev, pager, next, jumper" />

  </div>
</template>


<script setup lang = "ts">


interface IProps {
  data: object[]
}
const props = defineProps<IProps>()


</script>
<style lang= "scss" scoped>
.el-table .warning-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .success-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}
</style>